<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/show.css" type="text/css">
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="js/show.js"></script>
</head>
<body>
    <div class="father">
        <div class="init">
            <div class="one">
                <h1>空气质量监测信息库</h1>
            </div>
            <div class="two">
                按区域查询：<select id="select1" name="districtid">
                <option value="0">不限</option>
            </select>
                <input type="button" id="select" value="查找">
                <input type="button" id="insert" value="添加空气质量信息">
            </div>
            <div class="three">
                <table>
                    <tr>
                        <th>序号</th>
                        <th>区域</th>
                        <th>监测时间</th>
                        <th>PM10数据</th>
                        <th>PM2.5数据</th>
                        <th>监测站</th>
                    </tr>
                </table>
            </div>
            <div class="four">
                一共<span id="total"></span>条数据，第<span id="pageNo">1</span>/<span id="pages"></span>页
                <input id="head" type="button" value="首页">
                <input id="feet" type="button" value="末页">
                <input id="up" type="button" value="上一页">
                <input id="down" type="button" value="下一页">
            </div>
        </div>

        <div class="five" style="display: none">
            <h1>添加空气质量信息</h1>
            <form class="form1">
                <span>监测区域：</span><select name="districtid">
                                    </select><br>
                <span>监测日期：</span><input type="text" name="monitortime" class="clear" placeholder="时间格式“yyyy-MM-dd”"><br>
                <span>PM10：</span><input type="number" name="pm10" min="0" class="clear" placeholder="请输入正整数"><br>
                <span>PM2.5：</span><input type="number" name="pm25" min="0" class="clear" placeholder="请输入正整数"><br>
                <span>监测站：</span><input type="text" name="monitoringstation" class="clear" placeholder="请输入监测站"><br>
                <span></span><input class="save" type="button" value="保存">
                <input class="cleariput" type="button" value="重置">
                <input class="back" type="button" value="返回">
            </form>
        </div>
        <div class="six" style="display: none">
            <h1>空气质量信息维护页面</h1>
            <form class="form2">
                <input type="text" name="id" hidden>
                <span>监测区域：</span><select name="districtid">
            </select><br>
                <span>监测日期：</span><input type="text" name="monitortime" class="clear" placeholder="时间格式“yyyy-MM-dd”" ><br>
                <span>PM10：</span><input type="number" name="pm10" min="0" class="clear" placeholder="请输入正整数"><br>
                <span>PM2.5：</span><input type="number" name="pm25" min="0" class="clear" placeholder="请输入正整数"><br>
                <span>监测站：</span><input type="text" name="monitoringstation" class="clear" placeholder="请输入监测站"><br>
                <span>最后修改时间：</span><input type="text" name="lastmodifytime" class="clear" disabled><br>
                <span></span><input class="update" type="button" value="更新">
                <input class="remove" type="button" value="删除">
                <input class="back" type="button" value="返回">
            </form>
        </div>
    </div>
</body>
</html>